<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
	String path = request.getContextPath();//获得项目的根目录，上下文路径
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<title>超市账单管理系统</title>
<link rel="stylesheet" href="css/public.css" />
<link rel="stylesheet" href="css/style.css" />
<link href="jquery-easyui-1.6.6/themes/default/easyui.css" rel="stylesheet">
<link href="jquery-easyui-1.6.6/themes/icon.css" rel="stylesheet">
<script type="text/javascript" src="jquery-easyui-1.6.6/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.6.6/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.6.6/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/provider.js"></script>
</head>
<body>
	<!--头部-->
	<header class="publicHeader">
		<h1>超市账单管理系统</h1>
		<div class="publicHeaderR">
			<p>
				<span>下午好！</span>
				<span style="color: #fff21b"> ${USER_LOGIN.userName}</span>
				, 欢迎你！
			</p>
			<a href="logOut.html">退出</a>
		</div>
	</header>
	<!--时间-->
	<section class="publicTime">
		<span id="time">2015年1月1日 11:11 星期一</span>
		<a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
	</section>
	<!--主体内容-->
	<section class="publicMian ">
		<div class="left">
			<h2 class="leftH2">
				<span class="span1"></span>
				功能列表
				<span></span>
			</h2>
			<nav>
				<ul class="list">
					<li><a href="billList.html">账单管理</a></li>
					<li id="active"><a href="providerList.ht">供应商管理</a></li>
					<li><a href="userList.html">用户管理</a></li>
					<li><a href="roleList.html">角色管理</a></li>
					<li><a href="password.html">密码修改</a></li>
					 <li><a href="goodsList.du">商品购买</a></li>
					<li><a href="logOut.html">退出系统</a></li>
				</ul>
			</nav>
		</div>
		<div class="right">
			<div class="location">
				<strong>你现在所在的位置是:</strong>
				<span>供应商管理</span>
			</div>
			<div class="search">
				<span>供应商名：</span>
				<input type="text" id="proName" placeholder="请输入供应商名" value="${PRONAME}" />
				<input type="button" value="查询" id="seacher" />
				<a href="toProAdd.ht">添加供应商</a>
			</div>
			<!--用户-->
			<table class="providerTable" cellpadding="0" cellspacing="0">
				<tr class="firstTr">
					<th width="10"><input type="checkbox" id="checkAll" />全选</th>
					<th width="15%">供应商编码</th>
					<th width="10%">供应商名称</th>
					<th width="10%">负责人</th>
					<th width="10%">手机号码</th>
					<th width="15%">地址</th>
					<th width="10%">电话</th>
					<th width="20%">操作</th>
				</tr>
				<c:forEach items="${PAGE.list}" var="pro" varStatus="num">
					<tr>
						<td width="10">
							<input type="checkbox" name="cl" class="cl" value="${pro.id}" />
						</td>
						<td>${pro.proCode }</td>
						<td>${pro.proName }</td>
						<td>${pro.proContact }</td>
						<td>${pro.proPhone }</td>
						<td>${pro.proAddress }</td>
						<td>${pro.proFax }</td>
						<td>
							<a href="proView.ht?id=${pro.id }">
								<img src="img/read.png" alt="查看" title="查看" />
							</a>
							<a href="toProUpdate.ht?id=${pro.id }">
								<img src="img/xiugai.png" alt="修改" title="修改" />
							</a>
							<a href="proRemove.ht?id=${pro.id }" class="removeUser">
								<img src="img/schu.png" alt="删除" title="删除" />
							</a>
						</td>
					</tr>
				</c:forEach>
			</table>
			<!-- 分页 -->
			<div class="pages" align="center">
				<a href="providerList.ht?pageNum=1&proName=${PRONAME}" class="easyui-linkbutton">首页</a>
				<a href="providerList.ht?pageNum=${PAGE.pageNum-1 }&proName=${PRONAME}" class="easyui-linkbutton">上一页</a>
				<a href="providerList.ht?pageNum=${PAGE.pageNum+1 }&proName=${PRONAME}" class="easyui-linkbutton">下一页</a>
				<a href="providerList.ht?pageNum=${PAGE.totalPage }&proName=${PRONAME}" class="easyui-linkbutton">尾页</a>
				<span>第</span>
				<span>${PAGE.pageNum}</span>
				页，
				<span>共</span>
				<span>${PAGE.totalPage}</span>
				页
				<input type="text" value="${PAGE.pageNum }" class="easyui-textbox" id="goPage" style="width: 60px;" />
				<button id="btnGo" class="easyui-linkbutton">Go</button>
				<button id="deleteBatch" class="easyui-linkbutton">批量删除</button>
				<button id="exportExcel" class="easyui-linkbutton">导出Excel</button>
			</div>
		</div>
		
	</section>

	<!--点击删除按钮后弹出的页面-->
	<div class="zhezhao"></div>
	<div class="remove" id="removeUse">
		<div class="removerChid">
			<h2>提示</h2>
			<div class="removeMain">
				<p>你确定要删除该供应商吗？</p>
				<a href="javascript:void(0)" id="yes">确定</a>
				<a href="javascript:void(0)" id="no">取消</a>
			</div>
		</div>
	</div>
	<footer class="footer"> 版权归向阳花科技 </footer>
	<script src="js/js.js"></script>
	<script src="js/time.js"></script>
</body>
</html>